<div class="row tab-content-row">
    <div class="col-md-12">
        <div class="box box-primary">
            <div class="box-header">
              <h3 class="box-title">Responsive Hover Table</h3>

              <div class="box-tools pull-right">
                
                <form class="form-inline">
                <div class="input-group">
                    <span class="input-group-addon">主机名</span>
                    <input type="text" class="form-control"  placeholder="Username">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">实例名</span>
                    <input type="text" class="form-control" style="width: auto;" placeholder="Username">
                </div>

                
                
                <div class="btn-group" >

                    <button type="button" class="btn  btn-success btn-sm" data-btn-type="search">查询</button>
                    <button type="button" class="btn  btn-warning btn-sm" data-btn-type="reset">重置</button>

                </div>

                <div class="btn-group" >

                    <button type="button" class="btn  btn-success btn-sm" data-btn-type="search">新增</button>
                    <button type="button" class="btn  btn-warning btn-sm" data-btn-type="reset">修改</button>
                    <button type="button" class="btn  btn-warning btn-sm" data-btn-type="reset">删除</button>

                </div>
                </form>
                
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
              <table class="table table-hover table-bordered table-condensed">
                <tbody><tr>
                  <th>ID</th>
                  <th>User</th>
                  <th>Date</th>
                  <th>Status</th>
                  <th>Reason</th>
                </tr>
                <tr>
                  <td>183</td>
                  <td>John Doe</td>
                  <td>11-7-2014</td>
                  <td><span class="label label-success">Approved</span></td>
                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
                </tr>
                <tr>
                  <td>219</td>
                  <td>Alexander Pierce</td>
                  <td>11-7-2014</td>
                  <td><span class="label label-warning">Pending</span></td>
                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
                </tr>
                <tr>
                  <td>657</td>
                  <td>Bob Doe</td>
                  <td>11-7-2014</td>
                  <td><span class="label label-primary">Approved</span></td>
                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
                </tr>
                <tr>
                  <td>175</td>
                  <td>Mike Doe</td>
                  <td>11-7-2014</td>
                  <td><span class="label label-danger">Denied</span></td>
                  <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
                </tr>
              </tbody></table>
            </div>
            <!-- /.box-body -->
            <div class="box-footer box-footer-condensed clearfix">
              <ul class="pagination pagination-sm no-margin pull-right">
                <li><a href="#">«</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">»</a></li>
              </ul>
            </div>
            <!-- /.box-footer -->
          </div>
    </div>

</div>